
<template>
    <div v-if="route.path !== '/login'">
        <LayoutComp>
            <template #main>
                <router-view></router-view>
            </template>
        </LayoutComp>
    </div>
    <div v-else>
        <RouterView />
    </div>
</template>


<script lang="ts" setup>
import { ref, onMounted, watch } from 'vue'
import { useRoute } from "vue-router"
import LayoutComp from "./components/Layout/index.vue";

const route = useRoute();

onMounted(()=> {
    console.log("---->", route);
});

watch(route, (newVal)=> {
    console.log("root----> newRouter", newVal.path);
});

</script>

<style>
    * {
        margin: 0;
        padding: 0;
    }
</style>
